{%load static%}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>online test</title>
    <link href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css'%}" rel="stylesheet">
	<style type="text/css">

		body{
			width: 100%;
			height: 100%;
			background-image: url(../../static/img/彩.jpg);
			background-repeat: no-repeat;
			background-size:100% 100%;
			background-attachment: fixed;
		}
		
	</style>
</head>
<body>
	
	<div class="container">	
        <div class="panel panel-default">
  			<div class="panel-heading"><h3 class="panel-title">搜索小说</h3></div>
  			<div class="panel-body">
       		<form method="get" action="{% url 'novel:search'%}">
  				<fieldset>
    				<div class="form-group">
     				<label for="disabledTextInput">账号</label>
      				<input type="text" id="disabledTextInput" class="form-control" placeholder="请输入关键字" name="key_word">
    				</div>
    				<button type="submit" class="btn btn-primary">Submit</button>
     				<button type="submit" class="btn btn-primary">一键看看</button>
				</fieldset>
			</form>
			</div>
		</div>
	</div>
</body>
 <script src="{% static 'js/jquery-3.3.1.min.js'%}"></script>
 <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js'%}"></script>
</html>